<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css?version=1.2.8">
    <link rel="stylesheet" href="./css/01/02.css?version=1.2.8">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <script src="./js/jquery-2.2.4.min.js?version=1.2.8"></script>
    <script src="./js/fastclick.js?version=1.2.8"></script> 
    <script src="./js/hammer.min.js"></script>  
    <!-- <script src="../js/template-native.js"></script> -->
</head>

<body>
    <div class="c-content mainIndex2">
        <!--********************************* top model*********************************** -->
        <div class="top-model" id="top-model">
            <!-- <ul class="right_top">
				<li></li>
				<li></li>
            </ul> -->
            <div>
                <div class="system">
                    <!-- <a class="goback-syz bg-color-bg" onclick="bzApi.close()">
                        <img src="./img/02/back4.png" alt="">
                    </a> -->
                    <a class="goback-sys bg-color-bg">
                        <img src="./img/02/change4.png" alt="">
                    </a>
                    <a class="gonext-sys bg-color-bg">
                        <img src="./img/02/setting4.png" alt="">
                    </a>
                    
                    <div class="truemodel">
                        <div class="truelists">选择模板</div>
                        <div class="changekh">修改口号</div>
                        <div class="jgsj">间隔时间</div>
                    </div>
                </div>
            </div>
            <div class="top_title clearfix">
                <ul>
                    <li class="topLeft">
                    </li>
                </ul>
                <p class="titlep">
                </p>
            </div>
            <div class="mainBox">
                <ul class="main_ul fl clearfix">
<!------------------------------------------ 部门简介 --------------------------------------------->
                    <li class="j_text" onclick="changetogo(1)">
                        <h3>
                            <i>部</i>
                            <i>门</i>
                            <i>简</i>
                            <i>介</i>
                        </h3>
                        <textarea readonly id="textareaW">
                        </textarea>
                        <ul class="content1" id="m-job">
                        </ul>
                    </li>
<!------------------------------------------ 部门成员 --------------------------------------------->
                    <li onclick="changetogo(4)">
                        <h3>
                            <i>部</i>
                            <i>门</i>
                            <i>成</i>
                            <i>员</i>
                        </h3>
                        <ul class="content2" id="peopleQ">
                            <!-- <li>
                                <img src="../img/02/a_07.png" alt="" />
                                <div>
                                    <h4>李丫丫</h4>
                                    <p>班长</p>
                                </div>
                            </li>
                            <li>
                                <img src="../img/02/a_07.png" alt="" />
                                <div>
                                    <h4>李丫丫</h4>
                                    <p>班长</p>
                                </div>
                            </li>
                            <li>
                                <img src="../img/02/a_07.png" alt="" />
                                <div>
                                    <h4>李丫丫</h4>
                                    <p>班长</p>
                                </div>
                            </li>
                            <li>
                                <img src="../img/02/a_07.png" alt="" />
                                <div>
                                    <h4>李丫丫</h4>
                                    <p>班长</p>
                                </div>
                            </li>
                            <li>
                                <img src="../img/02/a_07.png" alt="" />
                                <div>
                                    <h4>李丫丫</h4>
                                    <p>班长</p>
                                </div>
                            </li>
                            <li>
                                <img src="../img/02/a_07.png" alt="" />
                                <div>
                                    <h4>李丫丫</h4>
                                    <p>班长</p>
                                </div>
                            </li> -->
                        </ul>
                    </li>

<!------------------------------------------- 班组愿景 ----------------------------------------->
                    <!-- <li class="y_text" onclick="changetogo(6)">
                        <h3>
                            <i>班</i>
                            <i>组</i>
                            <i>愿</i>
                            <i>景</i>
                        </h3>
                        <textarea id="classhope" readonly></textarea> -->
                        <!-- <textarea >二、"先锋之队,精益求精,整改务实,力创高效,凝结一心,舍我其谁！"</textarea>
                         <textarea >三、安全是生产的基础,务必强调！</textarea>
                         <textarea>四、忠诚践行班前誓言,创新工作机制,为公司发展做贡献！</textarea>
                         <textarea >五、坚持安全第一方针,工作融入生活,为个人成长树新标！</textarea> -->
                        <!-- <h5 >编辑时间：2018-11-19</h5> -->
                    <!-- </li> -->
<!------------------------------------------ 风采剪影 ---------------------------------------->
                    <li class="h_common nobot" onclick="changetogo(3)">
                        <h3>
                            <i>风</i>
                            <i>采</i>
                            <i>剪</i>
                            <i>影</i>
                        </h3>
                        <div class="face">
                            <!-- <img src="./img/02/face1.png"/>
                            <img src="./img/02/face2.png"/>
                            <img src="./img/02/face3.png"/> -->
                        </div>
                    </li>
<!------------------------------------------ 部门荣誉 ---------------------------------------->
                    <li class="h_common h_common2 nobot" onclick="changetogo(2)">
                        <h3>
                            <i>部</i>
                            <i>门</i>
                            <i>荣</i>
                            <i>誉</i>
                        </h3>
                        <div class="honour">
                            <!-- <img src="./img/honner/honour1.png" alt="">
                            <img src="./img/honner/honour2.png" alt="">
                            <img src="./img/honner/honour3.png" alt="">
                            <img src="./img/honner/honour4.png" alt=""> -->
                        </div>
                    </li>
                    <!-- <li class="h_common" id="h-commoms" onclick="changetogo(5)">
                        <h3>
                            <i>学</i>
                            <i>习</i>
                            <i>园</i>
                            <i>地</i>
                        </h3>
                    </li> -->
                </ul>
<!------------------------------------------ 要务公开 ---------------------------------------->
                <div class="p_open fr">                     
                    <h3 class="classIntru" onclick="changetogo(5)">
                        <i>要</i>
                        <i>务</i>
                        <i>公</i>
                        <i>开</i>
                    </h3>
                    <div class="public_affair">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <!-- <div class="swiper-slide box_bg area_1 swiper-no-swiping">
                                    <h4 class="public_affair_tit">“检修创优”岗位竞赛评比</h4>
                                    <div class="affairImgWrap">
                                        <img src="./img/02/affair_file.png" alt="">
                                    </div>
                                    <div class="affair_file_content">
                                        <div class="public_affair_tit">附件</div>
                                        <ul class="affair_file_ul">
                                            <li><a href="">运行部党支部“三亮一比、对标管理”活动实施方案.doc</a></li>
                                            <li><a href="">检修部党支部开展“争A创优、党员带头”.主题活动实施方案doc</a></li>
                                            <li><a href="">运行部党支部“三亮一比、对标管理”活动实施方案.xls</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="swiper-slide box_bg area_1 swiper-no-swiping">
                                    <h4 class="public_affair_tit">“检修创优”岗位竞赛评比</h4>
                                    <div class="affairImgWrap">
                                        <img src="./img/02/affair_file.png" alt="">
                                    </div>
                                    <div class="affair_file_content">
                                        <div class="public_affair_tit">附件</div>
                                        <ul class="affair_file_ul">
                                            <li><a href="">运行部党支部“三亮一比、对标管理”活动实施方案.doc</a></li>
                                            <li><a href="">检修部党支部开展“争A创优、党员带头”.主题活动实施方案doc</a></li>
                                            <li><a href="">运行部党支部“三亮一比、对标管理”活动实施方案.xls</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="swiper-slide box_bg area_1 swiper-no-swiping">
                                    <h4 class="public_affair_tit">“检修创优”岗位竞赛评比</h4>
                                    <div class="affairImgWrap">
                                        <img src="./img/02/affair_file.png" alt="">
                                    </div>
                                    <div class="affair_file_content">
                                        <div class="public_affair_tit">附件</div>
                                        <ul class="affair_file_ul">
                                            <li><a href="">运行部党支部“三亮一比、对标管理”活动实施方案.doc</a></li>
                                            <li><a href="">检修部党支部开展“争A创优、党员带头”.主题活动实施方案doc</a></li>
                                            <li><a href="">运行部党支部“三亮一比、对标管理”活动实施方案.xls</a></li>
                                        </ul>
                                    </div>
                                </div> -->
                            </div>
                            <div class="swiper-pagination"></div>
                        </div>                              
                    </div>  
                </div>
            </div>
            
        </div>
        <div class="mid-model">
            <div class="mid-left">
                <div>
                    <div>
                        <div class="classIntru"></div>
                    </div>
                    <div></div>
                </div>
            </div>
            <div>
            </div>
            <div class="mid-right">
                <!--*******************************title************************************-->
                <div></div>
                <div>
                    <div class="tv-title">

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--********************************* top templete*********************************** -->
    <!-- 个性化弹窗 -->
    <div class="diago" style="display: none;">
        <div class="diado-content diago-active">
            <div class="diago-title bg-color-bg">
                <div class="diago-left">个性化设置</div>
                <div class="diago-close"></div>
            </div>
            <div class="model-content">
                <div class="model-list">
                    <ul class="clearfix">
                        <li class="active">
                            <div class="modelDiv">
                                <p>模板一</p>
                                <span class="modelSpan"></span>
                            </div>
                        </li>
                        <li>
                            <div class="modelDiv">
                                <p>模板二</p>
                                <span class="modelSpan"></span>
                            </div>
                        </li>
                        <li>
                            <div class="modelDiv">
                                <p>模板三</p>
                                <span class="modelSpan"></span>
                            </div>
                        </li>
                        <li>
                            <div class="modelDiv">
                                <p>模板四</p>
                                <span class="modelSpan"></span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="diago-bottom">
                <div class="totrue">确定</div>
                <div class="cancel">取消</div>
            </div>
            <div class="choose">

            </div>
        </div>
    </div>
    <!--********************************* top templete*********************************** -->
    <!--<div class="edit">
        <button id="btn">111</button>
        <textarea id="index0">

        </textarea>
        <textarea class="a-c-c" id="a-c-c">
                设备维护部电气二次班组成立于2013年,是由电气保护、电测仪表、运动、高压
        </textarea> 
    </div>-->
    <div class="diagoT">
        <div class="diago-content">
            <div class="diago-title bg-color-bg">
                <div class="diago-left">口号设置</div>
                <div class="diago-close"></div>
            </div>
            <div class="cont-diago">
                <input type="text" id="cont-value">
            </div>
            <div class="diago-bottom">
                <div class="btn">确定</div>
                <div class="cancelbtn">取消</div>
            </div>
        </div>
    </div>
    <div class="diagoTime">
        <div class="diago-content" style="width:600px;">
            <div class="diago-title bg-color-bg" style="width:600px;">
                <div class="diago-left">间隔修改</div>
                <div class="diago-close"></div>
            </div>
            <div class="cont-diagoTime">
                <div class="itemt">
                    3s
                </div>
                <div class="itemt">
                    5s
                </div>
                <div class="itemt">
                    10s
                </div>
                <div class="itemt">
                    20s
                </div>
            </div>
            <div class="diago-bottom">
                <div class="btnTime">确定</div>
                <div class="cancelbtn">取消</div>
            </div>
        </div>
    </div>
    <div id="popup">
        <div class="bg">
            <img src=""/>
        </div>
    </div>
    <script src="./js/config.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script>
        var app = document.querySelector('body');
        var hammertime = new Hammer(app);
        hammertime.on('swipeleft', function(ev) {
            // console.log(ev);
            bzApi.close()
        });
        //*******************************模拟数据***************************************//
        var topData = {
            'className': '电气二次班',
            'title01': "团结凝聚力",
            'title02': "创建迎来希望",
            'title03': "班组简介",
            'title04': "班组成员",
            'title05': "班组愿景",
            'title06': "风采剪影",
            'title07': "班组荣誉",
            'title08': "学习园地",
        }
        // var back = template('temp01',topData);
        // $("#top-model").html(back);
        //    $(".bgcolor").css('backgroundColor',localStorage.getItem('color'));
        $(".bgcolor").css('backgroundColor', '#0e0e4e');



        $("#btn").click(
            function () {
                var x = $("#index0").val();
                $('#a-c-c').html(x);
            }
        )

        $('.c-list').click(
            function (index) {
                $('.c-list').removeClass('bg-color-bg');
                $('.c-list-node').removeClass('active');
                $('.c-list-node').eq($(this).index()).addClass('active');
                $(this).addClass('bg-color-bg');
            }
        )
        $(".truelists").click(
            function () {
                $(".diago").css("display", "block");
            }
        )
        var numT = 0;
        $('.model-list ul li').click(function () {
            $(this).addClass('active').siblings().removeClass('active');
            numT = $(this).index();
        })

        var jpathurl = '?userId=' + userId + "&bzId=" + bzId+"&regDeptId="+regDeptId;
        // var jpathurl = '?userId=' + 'b070e77e-2289-4b58-979b-2db72d42f9a4' + "&bzId=" + 'feae4a0f-5cac-4f03-9bca-bcfa099b54f8'+"&regDeptId="+regDeptId;

        $(".totrue").click(
            function () {
                $(".diago").css("display", "none");
                if (numT == 0) {
                    location.href = "./index.html" + jpathurl
                    localStorage.setItem("module2", 1)
                } else if (numT == 1) {
                    location.href = "./index2.html" + jpathurl
                    localStorage.setItem("module2", 2)
                } else if (numT == 2) {
                    location.href = "./index3.html" + jpathurl
                    localStorage.setItem("module2", 3)
                } else if (numT == 3) {
                    location.href = "./index4.html" + jpathurl
                    localStorage.setItem("module2", 4)
                }
            }
        )
        $(".goback-sys").click(
            function () {
                location.href = "./index.html" + jpathurl
                localStorage.setItem("module2", 1)
            }
        )
        $(".gonext-sys").click(
            function () {
                if ($(".truemodel").css("display") == "block") {
                    $(".truemodel").css("display", "none");
                } else {
                    $(".truemodel").css("display", "block");
                }
            }
        )
        $(".diago-close").click(
            function () {
                $(".diagoT").css("display", "none");
                $(".diago").css("display", "none");
                $(".diagoTime").css("display", "none");
                $(".truemodel").css("display", "none");
            }
        )
        $(".jgsj").click(
            function () {
                if (timeSet == 3000) {
                    $(".itemt").removeClass("active");
                    $(".itemt").eq(0).addClass("active");
                } else if (timeSet == 5000) {
                    $(".itemt").removeClass("active");
                    $(".itemt").eq(1).addClass("active");
                } else if (timeSet == 10000) {
                    $(".itemt").removeClass("active");
                    $(".itemt").eq(3).addClass("active");
                } else if (timeSet == 20000) {
                    $(".itemt").removeClass("active");
                    $(".itemt").eq(3).addClass("active");
                }
                $(".diagoTime").css("display", "block");
            }
        )
        $(".cancel").click(
            function () {
                $(".diago").css("display", "none");
                $(".truemodel").css("display", "none");
                $(".diagoTime").css("display", "none");
            }
        )
        $(".changekh").click(
            function () {
                $(".diagoT").css("display", "block");
                $("#cont-value").val($(".titlep").text());
                console.log($(".titlep").text())
            }
        )
        $(".btn").click(
            function () {
                kouhao();
                $(".diagoT").css("display", "none");
                $(".truemodel").css("display", "none");
            }
        )
        $(".cancelbtn").click(
            function () {
                $(".diagoT").css("display", "none");
                $(".truemodel").css("display", "none");
                $(".diagoTime").css("display", "none");
            }
        )
        var timeSet = 10000;
        if (localStorage.getItem('timeSet')) {
            timeSet = localStorage.getItem('timeSet');
        }
        $(".itemt").click(
            function (index) {
                var index = $(this).index();
                $(".itemt").removeClass('active');
                $(this).addClass("active");
                if (index == 0) {
                    timeSet = 3000;
                } else if (index == 1) {
                    timeSet = 5000;
                } else if (index == 2) {
                    timeSet = 10000;
                } else if (index == 3) {
                    timeSet = 20000;
                }
            }
        )
        $(".btnTime").click(
            function () {
                $(".diagoTime").css("display", "none");
                $(".truemodel").css("display", "none");
                localStorage.setItem('timeSet', timeSet);
            }
        )

        //编辑口号
        function kouhao() {
            var summaryList = $("#cont-value").val();
            var SaveWallInfo = new FormData();
            var saveParams = {
                userId: userId,
                // userId: 'b070e77e-2289-4b58-979b-2db72d42f9a4',
                data: {
                    bzId: bzId,
                    // bzId: 'feae4a0f-5cac-4f03-9bca-bcfa099b54f8',
                    slogan: summaryList,
                    savetype: "slogan"
                }
            }
            SaveWallInfo.append(
                'json', JSON.stringify(saveParams)
            )
            $.ajax({
                url: baseUrl + 'api/Culture/SaveWallInfo',
                data: SaveWallInfo,
                type: "POST",
                contentType: false,
                processData: false,
                success: function (data) {
                    console.log(data);
                    location.href = "./index2.html" + jpathurl
                    // location.href="./detail1.html?number=2"
                }
            })
        }

        function changetogo(index) {
            location.href = "./detail/detail2.html?number=" + index + '&userId=' + userId + "&bzId=" + bzId+"&regDeptId="+regDeptId;
            // location.href = "./detail/detail2.html?number=" + index + '&userId=' + 'b070e77e-2289-4b58-979b-2db72d42f9a4' + "&bzId=" + 'feae4a0f-5cac-4f03-9bca-bcfa099b54f8'+"&regDeptId="+regDeptId;

        }
        

    </script>
    <script src="./js/main2.js?version=1.2.8"></script> 
</body>

</html>